<template>
	<view>
		<uni-popup ref="popup" type="bottom">
			<view class="share-prp u-f-ajc">
				<button open-type="share" class="wx-friend">
					<image mode="widthFix" :src="static('wchat')" class="weixin"></image><br />
					微信好友
				</button>
				<view class="wx-circle">
					<image mode="widthFix" @click="openPost" :src="static('wchat-circle')" class="pengyouquan"></image><br />
					朋友圈
				</view>
			</view>
		</uni-popup>
		<poster :poster="poster" v-if="posterShow"></poster>
	</view>
</template>

<script>
	import uniPopup from "@/components/uni-popup/uni-popup.vue";
	import poster from '@/components/common/zywPoster.vue';
	export default {
		components: {
			uniPopup,
			poster
		},
		props: {
			poster: Object,
			path: String
		},
		data() {
			return {
				posterShow: false
			};
		},
		methods: {
			// 生成海报
			openPost() {
				this.posterShow = true;
				this.close();
				this.$parent.isScroll = false;
			},
			open() {
				this.$refs.popup.open()
			},
			close(){
				this.$refs.popup.close();
				this.$parent.isScroll = true;
			},
			

		}
	}
</script>

<style lang="scss">
	.share-prp {
		height: 220upx;
		width: 100%;
		justify-content: space-around;
		background-color: #fff;

		>view {
			text-align: center;
			width: 110upx;
			font-size: 26upx;
			color: $b1;


		}

		image {
			width: 70upx;
			color: #09BB07;

			&.weixin {
				width: 86upx;
			}
		}

		button {
			position: static;
			display: inline;
			margin-left: 0;
			margin-right: 0;
			padding-left: 0px;
			padding-right: 0px;
			box-sizing: border-box;
			font-size: 26upx;
			text-align: center;
			text-decoration: none;
			line-height: 1.8;
			border-radius: 0px;
			-webkit-tap-highlight-color: transparent;
			overflow: hidden;
			color: #1A1B1E;
			background-color: #fff;

		}

	}
</style>
